<template>
  <div>
    我是App
    <button ref="btn">按钮</button>

    <Child ref="child" />
  </div>
</template>
<script>
//导入子组件
import Child from './Child.vue'
/* 
  ref 语法
  功能：1.获取真实DOM元素
        2.获取组件实例对象
   语法：给元素绑定ref属性
        通过this.$ref.xxx 获取真实DOM元素

*/
//默认暴露对象，定义组件名称
export default {
  name: "App",
  created() {
    console.log("created", this.$refs.btn);
  },
  mounted() {
    //代表渲染完成
    console.log("mounted", this.$refs.Child);
    console.log("mounted", this.$refs.btn);
  },
  components: {
    Child,
  },
};
</script>
<style></style>
